import Vue from 'vue'
import db from '@/utils/localstorage'
Vue.directive('hasPermission', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function(el, bind) {
    var pres = db.get('PRES')
    let flag = true
    const value = bind.value
    if (pres.length > 0) {
      for (var v of value) {
        if (!pres.includes(v)) {
          flag = false
        }
      }
    } else {
      el.parentNode.removeChild(el)
    }
    if (!flag) {
      // 如果没有父级就隐藏该DOM元素
      if (!el.parentNode) {
        el.style.display = 'none'
      } else {
        // 如果有就让父级元素删除自己
        el.parentNode.removeChild(el)
      }
    }
  }
})
